<%-- 
    Document   : subscripciones
    Created on : Nov 18, 2012, 8:13:14 PM
    Author     : ChEkO_Guajardo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
	<link href="css/standalone.css" type="text/css" rel="stylesheet"/>
	<link media="screen" type="text/css" href="css/tabs.css" rel="stylesheet"/>
	<link media="screen" type="text/css" href="css/tabs-panes.css" rel="stylesheet"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">
           function showTime(){
               var time= document.getElementById('tiempo').value;
               if(time=="multi"){
                   $('#tiemposub').show();
               }
               else{
                   $('#tiemposub').hide();                   
               }
           };
        </script>
    </head>
    <body>
    <center><fieldset style="width:60%">
            <legend> SEng Bytes & Bits</legend>
		<form action="SubscripcionServlet" method="post">
                    <p style="font-size:18px;">Subscripci&oacute;n</p>
                    <center><div class="container" style="width:95%;">
                        <label for="tipo">Especifique el tipo de subscripci&oacute;n</label>
                        <select id="tipo" name="tipo">
                            <option>Personal</option>
                            <option>Corporativa</option>
                        </select>
                    </div></center>
                    <div class="container" style="width:95%">
                        Seleccione el medio(s)<br> 
                            <input type="checkbox" id="enlinea" name="medio" value="enlinea">En linea</input>
                            <input type="checkbox" id="impreso" name="medio" value="impreso">Impreso</input> 
                    </div>
                    <div class="container" style="width:95%">
                        <label for="tiempo">Indique el tiempo de contrataci&oacute;n</label>                        
                        <select id="tiempo" onchange="showTime()">
                            <option value="anual">anual</option>
                            <option value="multi">multi-anual</option>
                        </select><br><br>
                        <div id="tiemposub" style="display:none">
                            <label for="multianual">Especifique el tiempo de subscripci&oacute;n</label>
                            <select id="multianual" name="multianual" type="text"/>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                        </select><br><br>
                        </div>
                        <input type="submit" value="Enviar"/>
                    </div>
		</form>	
	</fieldset></center>        
    </body>
</html>
